<template>
  <div class="app-container">
      
      <el-form label-width="120px">
         <el-form-item label="医院名称">
            <el-input v-model="hospitalSet.hosname"/>
         </el-form-item>
         <el-form-item label="医院编号">
            <el-input v-model="hospitalSet.hoscode"/>
         </el-form-item>
         <el-form-item label="api基础路径">
            <el-input v-model="hospitalSet.apiUrl"/>
         </el-form-item>
         <el-form-item label="联系人姓名">
            <el-input v-model="hospitalSet.contactsName"/>
         </el-form-item>
         <el-form-item label="联系人手机">
            <el-input v-model="hospitalSet.contactsPhone"/>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="saveOrUpdate">保存</el-button>
         </el-form-item>
      </el-form>

  </div> 
</template>
<script>
  import hospset from '@/api/hospset'
  export default {
    data(){
            return {
                hospitalSet: {}
            }
        },
        created(){//在页面渲染之前执行，一般调用methods定义的方法得到数据
            //获取理由id值
            //调用接口得到医院设置信息
            if(this.$route.params && this.$route.params.id){
               const id = this.$route.params.id
               this.getHospSet(id)
            }else{
               this.hospitalSet={}
            }
        },
        methods:{
           //添加
          save(){
            hospset.saveHospSet(this.hospitalSet)
            .then(Response =>{
              //提示
              this.$message({
                type: 'success',
                message: '添加成功!'
              })
              //跳转到列表页面，使用路由跳转方式实现
              this.$router.push({path:'/hospSet/list'})
            })
          },
          //修改
          update(){
            hospset.updateHospSet(this.hospitalSet)
            .then(Response =>{
              //提示
              this.$message({
                type: 'success',
                message: '修改成功!'
              })
              //跳转到列表页面，使用路由跳转方式实现
              this.$router.push({path:'/hospSet/list'})
            })
          },
          //添加或修改
          saveOrUpdate(){
            //判断添加还是修改
            if(!this.hospitalSet.id){//没有id，做添加
               this.save()
            }else{//修改
               this.update()
            }
          },
          //根据id查询医院设置信息
          getHospSet(id){
            hospset.getHospSet(id)
            .then(Response =>{
              this.hospitalSet = Response.data
              })
              
          }
        }
  }
</script>